<%@ page import="com.servlet.JeuDeLaBiere.Model.Main , com.servlet.JeuDeLaBiere.Model.Partie , com.servlet.JeuDeLaBiere.Model.ChaineLogistique , com.servlet.JeuDeLaBiere.Model.EntiteLogistique , java.lang.Integer" %>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
<%@ include file="../styles/style.css" %>
</style>
<title>Le Jeu de la Bière</title>

	<%
	//Récupération des entités
	Partie maPartie = (Partie)request.getAttribute("maPartie");
	%>
	
	<!-- Création du graphique de l'évolution des commandes grace à Google Chart -->
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Tour');
        <%
        for(int i = 0 ; i<maPartie.getNbJoueur() ; i++){
        	out.println("data.addColumn('number', 'Dépôt n°"+(i+1)+" : "+maPartie.getChaineLog().getEntiteLog(i).getRespoEntiteLog().getNom()+"');");
        }
        %>
        data.addRows([
			<%
			String columnsCommandes = "";
			for(int i = 0 ; i<maPartie.getTour() ; i++){
				columnsCommandes += "['"+(i+1)+"',";
				
				for(int j = 0 ; j<maPartie.getNbJoueur() ; j++){
		        	columnsCommandes += maPartie.getChaineLog().getEntiteLog(j).getCommandeRe(i)+",";
		        }
				
				columnsCommandes = columnsCommandes.substring(0, columnsCommandes.length()-1);
				columnsCommandes +="],";
			}
			columnsCommandes = columnsCommandes.substring(0, columnsCommandes.length()-1);
			out.println(columnsCommandes);
			%>
        ]);

        var options = {
          title: 'Evolution des commandes reçues par les joueurs'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_commandes'));
        chart.draw(data, options);
      }
    </script>
	<!-- Fin de la création du graphique de l'évolution de la commande chez les joueurs -->

	<!-- Création du graphique de l'évolution des livraisons en retard grace à Google Chart -->
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Tour');
        <%
        for(int i = 0 ; i<maPartie.getNbJoueur() ; i++){
        	out.println("data.addColumn('number', 'Dépôt n°"+(i+1)+" : "+maPartie.getChaineLog().getEntiteLog(i).getRespoEntiteLog().getNom()+"');");
        }
        %>
        data.addRows([
			<%
			String columnsLivraisons = "";
			for(int i = 0 ; i<maPartie.getTour() ; i++){
				columnsLivraisons += "['"+(i+1)+"',";
				
				for(int j = 0 ; j<maPartie.getNbJoueur() ; j++){
		        	columnsLivraisons += maPartie.getChaineLog().getEntiteLog(j).getLivraisonEnRetardEnv(i)+",";
		        }
				
				columnsLivraisons = columnsLivraisons.substring(0, columnsLivraisons.length()-1);
				columnsLivraisons +="],";
			}
			columnsLivraisons = columnsLivraisons.substring(0, columnsLivraisons.length()-1);
			out.println(columnsLivraisons);
			%>
        ]);

        var options = {
          title: 'Evolution des retards de livraison des joueurs'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_livraisons'));
        chart.draw(data, options);
      }
    </script>
	<!-- Fin de la création du graphique de l'évolution des retards de livraison chez les joueurs -->

	<!-- Création du graphique de l'évolution des stocks grace à Google Chart -->
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Tour');
        <%
        for(int i = 0 ; i<maPartie.getNbJoueur() ; i++){
        	out.println("data.addColumn('number', 'Dépôt n°"+(i+1)+" : "+maPartie.getChaineLog().getEntiteLog(i).getRespoEntiteLog().getNom()+"');");
        }
        %>
        data.addRows([
			<%
			String columnsStocks = "";
			for(int i = 0 ; i<maPartie.getTour() ; i++){
				columnsStocks += "['"+(i+1)+"',";
				
				for(int j = 0 ; j<maPartie.getNbJoueur() ; j++){
		        	columnsStocks += maPartie.getChaineLog().getEntiteLog(j).getStock(i)+",";
		        }
				
				columnsStocks = columnsStocks.substring(0, columnsStocks.length()-1);
				columnsStocks +="],";
			}
			columnsStocks = columnsStocks.substring(0, columnsStocks.length()-1);
			out.println(columnsStocks);
			%>
        ]);

        var options = {
          title: 'Evolution des stocks gérés par les joueurs'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_stocks'));
        chart.draw(data, options);
      }
    </script>
	<!-- Fin de la création du graphique de l'évolution des stocks chez les joueurs -->
	
</head>
<body style="background-image: url('/JeuDeLaBiere/img/img4.jpg');">
	

	<div id="bloc">
	
		<% out.println("<h1>Le Jeu de la Bière - Mode Administrateur - Tour "+maPartie.getTour()+"</h1>");%>
		
		<!-- Insertion des graphiques -->
		<center>
			<div id="chart_commandes" style="width: 80%; height: 500px;"></div>
			<div id="chart_livraisons" style="width: 80%; height: 500px;"></div>
			<div id="chart_stocks" style="width: 80%; height: 500px;"></div>
		</center>

		<form name="adminDisp" action="admindisplay.do" method="post">
			<%
				out.println("<input type='hidden' name='nomPartie' value='"+maPartie.getNomPartie()+"'/>");
			%>
			<p style="width:50%;margin:auto;">
				<input type="submit" id="Rafraichir" name="Rafraichir" value="Rafraichir"/>
			</p>
		</form>
	</div>
</body>
</html>